<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
<script>
    document.cookie = "name=张三; expires=" + new Date( new Date().getTime() + 24*60*60*1000);
    document.cookie = "age=30";
    document.cookie = "sex=true";
    document.cookie = "hobby="+JSON.stringify( [{a:[],b:{},c:"sdfs"},{},{}] );
     console.log( document.cookie );
     function getCookie( key ){
       var c = document.cookie; 
       var arr = c.split('; '); 
        var obj = {};
        arr.forEach((item)=>{ 
            var arr2 = item.split('='); 
            obj[arr2[0]] = arr2[1];
        })

        return obj[key];
    }

    console.log( getCookie('name') );
    console.log( getCookie('age') );
    console.log( getCookie('sex') );
    console.log( getCookie('hobby') );

</script>